h1 {
    color: darkkhaki;
}

h2 {
    color: crimson;
    text-shadow: 2px 2px 2px chartreuse; 
    background: yellow;
}

h3 {
    color: #2bcc15;
}

h4 {
    color: #1b0de9;
}

h5 {
    color: #d61083;
}

h6 {
    color: #0ccff1;
    font-size: 15px;
}

h4, h5 {
    text-shadow: 2px 2px 2px darkorange;
    background: deepskyblue;
}

#p1, #p2 {
    color: forestgreen;
    font-size: 35px;
}

.p3 { font-size: 30px;}
p.p3 { color: greenyellow;}

p[title] { color: hsl(0, 91%, 50%);}
p[title="w41 m40"] { color: #082dcfe0;}  /*这种需要把值都写出来才生效*/
p[title~="m42"] { color: hotpink;}
p[title|="p42"] { color: khaki;}    /*这种需要p42作为前缀才行，中间加入-才能跟后面的值*/

/*为了和别的链接区分开来，用的id选择器，其实#hw可以写成a，顺序不能改变。*/
#hw:link {color: lawngreen;}    /*未点击时*/
#hw:visited { color: mediumblue;}   /*点击后*/
#hw:hover { color: orangered;}      /*鼠标在上面时*/
#hw:active { color: seagreen;}      /*鼠标按住不放时*/

span { color: sienna;}  /*设置所有span的颜色*/
p span { color: teal;}  /*设置p标签里面的span颜色*/
p > span { color: tomato;}  /*设置p标签里面第一级的span颜色*/
span + span { color: palegoldenrod;}    /*设置相邻的span标签*/
div + p { color: palegreen;}    /*设置div和p标签的颜色，里面的span受上面的影响*/

/*div {       标签类的权重是1，后面会覆盖前面的设置*/
    /*color: palegreen;    加入important后强制作用*/
    /* color: paleturquoise;
    color: palevioletred;
} */
/*.hua { color: purple;}      类权重是10*/
/*#id { color: peru;}         id的权重是100 */
/*div#id { color: red;}       标签加id权重是101 */

